body, html {
	margin: 0px;
	padding: 0px;
	font-family:Arial;
	font-size: 12px;
	text-align: center;
}

.header {
	margin: 0 auto;
	padding: 0px;
	background-color: #CCF;
	margin-bottom: 10px;
	text-align: center;
	width: 958px;
	height: 50px;
}

#container{
	position: relative;
	margin: 0 auto;	
	padding:0px;
	width:958px
}

#message {
	background-color:#FF3;
	margin-top: 20px;
	width: 300px;
	height: 20px;
	float: right;
}

#treePane {
	font-size: 18px;
	font-weight: bold;
	font-family:Arial;
	float: left;
	width: 150px;
	height: 550px;
	border: dotted 1px;
}

#context {
	float: left;
	font-size: 18px;
	font-weight: bold;
	font-family:Arial;
	border: 1px dotted;
	width: 794px;
	height:  auto;
}

#splitPane span {
	float: left;
	width: 10px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
}

#nodeTitle {
	margin: 10px;
}
#container #treePane #nodeTitle #treeSubNode {
	margin-top: -10px;
}

.button {    
    border: 0 none;
    cursor: pointer;
    height: 9px;
    left: 6px;
    overflow: hidden;
   
    
    top: 9px;
    width: 9px;
}